<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/header.css">
    <link rel="stylesheet" href="./css/common/footer.css">
    <!-- cart-->
    <link rel="stylesheet" href="./css/cart.css">

    <script src="./lib/jquery.js"></script>
    <script src="./js/cart.js"></script>
    <script src="./js/user-stro.js"></script>
</head>

<body>


    <!-- 头部开始 -->
    <header class="header clearfix" id="nav-tt">
        <!-- 顶部 -->
        <div class="top">
            <div class="wrapper">
                <span>
                    乐购www.legou.com
                </span>
                <span class="show-user">
                    欢迎光临乐购 &nbsp; 请 <span><a href="./login.html">登录 </a> | <a href="./register.html">注册</a></span>
                </span>
            </div>
        </div>
        <!-- 导航栏 -->
        <nav class="nav-t">
            <section class="nav wrapper">

                <section class="logo">

                </section>

                <section class="header-desc">
                    <div class="top-t clearfix">
                        <div class="search">
                            <input type="text" placeholder="请输入搜索的商品名字">
                            <button></button>
                        </div>
                        <div class="car">
                            <b>购物车</b>
                            <span>0</span>
                        </div>

                        <div class="order">
                            我的订单
                        </div>
                    </div>

                    <div class="option">
                        <ul>
                            <li>图书</li>
                            <li>电子书</li>
                            <li>原创文学</li>
                            <li>服装</li>
                            <li>运动户外</li>
                            <li>孕婴童</li>
                            <li>家具</li>
                            <li>创意文具</li>
                            <li>地方特产</li>
                            <li>海外购</li>
                            <li>电器城</li>
                        </ul>
                    </div>

                </section>
            </section>

        </nav>


    </header>
    <div class="clear">
    </div>
    <!-- 头部结束 -->


    <!-- 购物车 开始 -->
    <div class="shoppingcart wrapper">

        <div class="spcart-t">

            <h4>全部商品 <span>3</span> 活动商品 <span>0</span> 库存紧张 <span>0</span></h4>

            <h5 id="cart-tips"> <span>温馨提示</span> 亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准</h5>
            <a href="#" class="btn-a" id="cart-login">
                立即登录
            </a>
            <div id="current-user" style="display: none;"></div>
        </div>

        <!-- 购物车操作 -->
        <div class="spcart-m">
            <div class="sp-left">
                <div>
                    <label for="allselect">全选</label>
                    <input type="checkbox" id="allselect">
                </div>

                <div>
                    <a href="#" id="del-all">删除</a>
                </div>
                <div>
                    <a href="#">分享</a>
                </div>
                <div>
                    <a href="#">移入收藏夹</a>
                </div>

                <div>
                    <a href="#">消除消失的宝贝</a>
                </div>

            </div>

            <div class="sp-right">
                <div class="rig-sel">
                    已选择商品 <span id="total-count">0</span>
                </div>

                <div class="rig-count">
                    合计(不含运费) <span>¥</span><span id="total-price">0</span>
                </div>

                <a href="./pay.html" class="btn-a" id="settle">
                    去结算
                </a>

            </div>
        </div>


        <!-- 购物车宝贝 -->
        <div class="spcart-c">
            <div class="spcart-tips">
                <label for="xx0-qjd">木果果木官方旗舰店</label>
                <input type="checkbox" id="xx0-qjd" class="mer-item">

                <span>
                    练习店家
                </span>
                <span>
                    满两件包邮
                </span>
            </div>


            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">

                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">1</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>


            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">
                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">1</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>

        </div>


        <!-- 购物车宝贝 -->
        <div class="spcart-c">
            <div class="spcart-tips">
                <label for="xx0-qjd">木果果木官方旗舰店</label>
                <input type="checkbox" id="xx0-qjd" class="mer-item">

                <span>
                    练习店家
                </span>
                <span>
                    满两件包邮
                </span>
            </div>


            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">
                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">1</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>
            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">
                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">1</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>

        </div>


        <!-- 购物车宝贝 -->
        <div class="spcart-c">
            <div class="spcart-tips">
                <label for="xx0-qjd">木果果木官方旗舰店</label>
                <input type="checkbox" id="xx0-qjd" class="mer-item">

                <span>
                    练习店家
                </span>
                <span>
                    满两件包邮
                </span>
            </div>


            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">
                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">1</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>


            <div class="spcart-pro">
                <div>
                    <label for="xx0-1"></label>
                    <input type="checkbox" id="xx0-1" class="p-item">
                </div>

                <div class="spc-img">
                    <img src="./img/yf00.jpg" alt="">
                </div>

                <div class="spc-desc">
                    <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                    <div>
                        <span>新品</span>
                        <span>包邮</span>
                    </div>
                </div>

                <div class="spr-size">
                    <h3>颜色 : <span>魅黑</span></h3>
                    <h3>尺寸 : <span>M</span></h3>
                </div>


                <div class="spc-price">
                    <h2>¥ <span id="p-price" class="item-price" unitPrice="169">338.00</span></h2>
                    <h2><i>VIP积分</i> <span>100</span></h2>
                </div>

                <div class="spc-count">
                    <span>-</span>
                    <div class="item-count">2</div>
                    <span>+</span>
                </div>


                <div class="spc-operation">
                    <span>移入收藏</span>
                    <span class="delete">删除</span>
                    <span>分享</span>
                    <span>相似宝贝</span>
                </div>

            </div>

        </div>
    </div>
    <!-- 购物车 结束 -->


    <!-- 猜你喜欢 -->
    <div class="guess-love wrapper">
        <p>猜你喜欢</p>

        <ul class="guess-pro">
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
            <li>
                <img src="./img/love.jpg" alt="">
                <p>
                    斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                </p>
                <span>¥ 1580.00</span>
            </li>
        </ul>
    </div>



    <!-- 页脚开始 -->
    <footer>

        <section class="footer-fuwu wrapper">
            <ul>
                <li>
                    <img src=" ./img/zp.jpg" alt="">
                    <div>
                        <span>
                            正品保障
                        </span>
                        <b>
                            正品行货 放心选购
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/yf.jpg" alt="">
                    <div>
                        <span>
                            满86包邮
                        </span>
                        <b>
                            满86元 免运费
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/sh.jpg" alt="">

                    <div>
                        <span>
                            售后无忧
                        </span>
                        <b>
                            7天无理由退款
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/zs.jpg" alt="">

                    <div>
                        <span>
                            准时中送
                        </span>
                        <b>
                            收获时间由你做主
                        </b>
                    </div>

                </li>
            </ul>
        </section>

        <section class="footer-des wrapper">
            <ul>
                <li>
                    <ol>
                        <li>
                            <a href="">新手入门</a>

                        </li>
                        <li>
                            <a href="">购物流程</a>

                        </li>
                        <li>
                            <a href="">会员制度</a>

                        </li>
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <a href="">服务协议及隐私说明</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">支付方式</a>

                        </li>
                        <li>
                            <a href="">货到付款</a>

                        </li>
                        <li>
                            <a href="">网上支付</a>

                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">其它支付</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">配送服务</a>

                        </li>
                        <li>
                            <a href="">配送进度查询</a>

                        </li>
                        <li>
                            <a href="">商品验货与签收</a>

                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href=""> 相关规则</a>

                        </li>
                        <li>
                            <a href="">平台规则</a>

                        </li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>

                        <li>
                            <a href="">帮助中心</a>
                        </li>

                    </ol>
                </li>

                <li class="yhj">
                    <p>APP更优惠</p>

                    <img src=" ./img/qryhd.png" alt="">


                </li>

                <li class="yhj">
                    <p>加微信查订单</p>

                    <img src=" ./img/qryhd.png" alt="">

                </li>

            </ul>
        </section>

        <section class="footer-b">
            <div class="wrapper">

                <div>
                    <p>
                        沪ICP备XXXXXXXXX号 | 经营证照 │ 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话:XX-XXXX | 沪B2-X
                    </p>
                    <p>
                        沪公网安备XXXXXXXXX号 │ 友情链接 │ 出版物经营许可证 │ 增值电信业务经营许可证
                    </p>
                </div>

                <div class="links">
                    <img src=" ./img/wz2.png" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                    <img src=" ./img/wz3.jpg" alt="">
                    <img src=" ./img/wz4.jpg" alt="">
                    <img src=" ./img/wz5.jpg" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                </div>
            </div>
        </section>

    </footer>
    <!-- 页脚开始 -->

</body>

</html>